First Name:
Last Name:

Get Greeting

SAMPLE CODE <style> .invisible { display: none; } </style> <script type="text/javascript" src="../../jQueryFolder/js/jquery-3.1.1.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("button#b1").on("click", function() { var first_name = $("input#firstName").val(); var last_name = $("input#lastName").val(); $("h4#personalizedQuote").text("Personal Quote for " + first_name + " " + last_name); }); }); </script> <form id="username"> First Name: <input name="first_name" id="firstName" size ="25" /><br> Last Name: <input name="last_name" id="lastName" size ="25" /><br> <!--<input class="submit" type="submit" value ="Submit"/><br><br><br>--> </form> <button id="b1">Get Greeting</button> <h4 id="personalizedQuote"></h4>